<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>title</title>
      <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>

      <style>
          body{
background-color: #ededed
          }  header{ background-color: #ededed; width: 100%;height: 50px;}
            header ul li {background-color: #ededed; height: 50px; line-height: 50px; text-align: left; display: none; color: #323237; position: relative;font-size: 18px;text-indent: 10px;}
            header ul li.active{ display: block; }
            .fl{float: left;}
            .jt img{height: 18px; margin-top: 15px;margin-left: 15px; padding-right: 5px}
           .fr{float: right;}
              .sz img{height: 18px;margin-top: 10px;padding-right: 10px}
              #footer{height: 56px;background-color: #f4f4f4; border-top: 0.8px solid #e5e5e5; text-align: center;line-height: 56px; }
              #footer button{border: none;background-color: #07c160;color: #ffffff;padding: 8px;border-radius:3px; font-size: 12px}


              .flex-con{
                overflow: auto
              }
              .test{
                  position: fixed;display: none;
                  top: 0;
                  left: 0;
                  bottom: 0;
                  right: 0;
                  width: 100%;
                  height: 100%;
                  background: rgba(0,0,0,0.4);z-index: 1000;
              }
      </style>
  </head>
  <body>
    <div class="test" id="test">

</div>
    <div id="wrap" class="flex-wrap flex-vertical">
    <header id="header">
      <div class="fl jt"  tapmode onclick="api.closeWin();" ><img src="../image/jt2.png" height="40" ></div>
        <ul style="float: left;">
            <li class="border-b active" >二维码名片</li>

        </ul>
    <div id="ss"class="fr sz" onclick="ghmp()" tapmode ><img src="../image/gd.png" ></div>
    </header>
    <div id="main" class="flex-con">

    </div>

  </div>
  </body>
  <script type="text/javascript" src="../script/api.js"></script>

  <script type="text/javascript">
  function show(){
       $api.css($api.byId('test'),'display:block;');
  }

  function hide(){
       $api.css($api.byId('test'),'display:none;');
  }
function ghmp(){

  var jsfun = 'gh();';
  api.execScript({
     frameName: 'ewmmpFrame',
      script: jsfun
  });


//   api.actionSheet({
//
//  style:{
//
//     itemNormalColor:'#fff',    //选项按钮正常状态背景颜色，支持#000、#000000、rgb、rgba，默认值：#F1F1F1
//     itemPressColor:'#ededed',     //选项按钮按下时背景颜色，支持#000、#000000、rgb、rgba，默认值：#E6E6E6
//     fontNormalColor:'#000',    //选项按钮正常状态文字颜色，支持#000、#000000、rgb、rgba，默认值：#007AFF
//     fontPressColor:'#000',     //选项按钮按下时文字颜色，支持#000、#000000、rgb、rgba，默认值：#0060F0
//
// },
//       buttons: ['换个样式', '保存到手机', '扫描二维码', '重置二维码']
//   }, function(ret, err) {
//       var index = ret.buttonIndex;
//   });

}

      apiready = function(){
    $api.fixStatusBar( $api.dom('header') );


      var header = $api.byId('header');
        var footer = $api.byId('footer');
          //适配iOS 7+，Android 4.4+状态栏
          header.style.paddingTop = api.safeArea.top +"px" ;

          api.openFrame({
            name: 'ewmmpFrame',
            url: 'ewmmpFrame.html',


            rect: {
              x:0,
              y:api.safeArea.top+50,
               w: 'auto',
              h:  api.winHeight-  api.safeArea.top- 50
            }
          });

    };


  </script>
  </html>
